import { Tabs } from 'antd';
import ProductInfo from './components/ProductInfo';

const ProjectDetail = () => {
  const items = [
    {
      key: 'overview',
      label: '项目概览',
      children: '项目概览内容',
    },
    {
      key: 'gantt',
      label: '甘特图',
      children: '甘特图内容',
    },
    {
      key: 'tasks',
      label: '任务',
      children: '任务内容',
    },
    {
      key: 'process',
      label: '悬浮流程',
      children: '悬浮流程内容',
    },
    {
      key: 'productInfo',
      label: '产品信息',
      children: <ProductInfo />,
    },
    {
      key: 'bom',
      label: 'BOM管理',
      children: 'BOM管理内容',
    },
    {
      key: 'risk',
      label: '风险',
      children: '风险内容',
    },
    {
      key: 'issues',
      label: '问题',
      children: '问题内容',
    },
    {
      key: 'payment',
      label: '交付',
      children: '交付内容',
    },
    {
      key: 'inspection',
      label: '检查表',
      children: '检查表内容',
    },
    {
      key: 'cost',
      label: '成本',
      children: '成本内容',
    },
    {
      key: 'changes',
      label: '变更',
      children: '变更内容',
    },
    {
      key: 'conflict',
      label: '冲刺',
      children: '冲刺内容',
    },
    {
      key: 'knowledge',
      label: '知识库',
      children: '知识库内容',
    },
  ];

  return (
    <div>
      <h2>项目详情</h2>
      <Tabs 
        defaultActiveKey="productInfo" 
        items={items}
        type="card"
        style={{
          background: '#fff',
          padding: '16px',
        }}
      />
    </div>
  );
};

export default ProjectDetail;
